const hourHand = document.querySelector('.hour-hand')
const minHand = document.querySelector('.min-hand')
const secondHand = document.querySelector('.second-hand')

console.log(hourHand)
console.log(minHand)
console.log(secondHand)

function setDate() {
    const now = new Date()
    const seconds = now.getSeconds()
    const secondsDegrees = (seconds / 60) * 360 + 90
    secondHand.style.transform = `rotate(${secondsDegrees}deg)`

    const min = now.getMinutes()
    const minDegrees = (min / 60) * 360 + (seconds / 60) * 6 + 90
    minHand.style.transform = `rotate(${minDegrees}deg)`

    const hour = now.getHours()
    const hourDegrees = (hour / 60) * 360 + (min / 60) * 6 + 90
    hourHand.style.transform = `rotate(${hourDegrees}deg)`
}
setInterval(setDate, 1000)
setDate()